// cover some element-ui styles
.el-alert {
  &--info.is-light {
    color: $--color-text-regular;
    background-color: rgba($--color-primary, 0.1);
    border: 1px solid rgba($--color-primary, 0.5);

    .el-icon-info {
      color: $--color-primary;
    }
  }

  &__title {
    line-height: 26px;
  }
}

.el-backtop {
  border-radius: 0;
}

.el-button {
  [class*="el-icon-"] + span {
    margin-left: 7px;
  }

  //按钮新增类型type=dashed
  &.el-button--dashed {
    border-style: dashed;
  }

  &.el-button--small {
    font-size: 14px;
    padding: 8px 15px;

    &.is-circle {
      padding: 8px;
    }
  }
}

.el-card {
  overflow: visible;

  .el-card__body {
    height: 100%;

    @include clearfix;
  }

  .el-card__header + .el-card__body {
    height: calc(100% - 55px);
  }
}

.el-date-editor.el-input,
.el-date-editor--daterange {
  width: 100% !important;
}

.el-dialog {
  @include deep-shadow;

  margin-bottom: 0;
  min-width: 384px;

  .el-dialog__header {
    border-bottom: 1px solid $--border-color-lighter;
    padding: 17px;

    .el-dialog__title {
      line-height: inherit;
      color: inherit;
      font-size: inherit;
    }

    .el-dialog__headerbtn {
      top: 18px;
    }
  }

  .el-dialog__footer {
    border-top: 1px solid $--border-color-lighter;
    padding: 10px 16px;
  }

  .el-scrollbar__wrap {
    //53 for dialog header,53 for dialog footer
    max-height: calc(100vh - 53px - 53px - #{$dialog-top * 2});
  }
}

.el-drawer {
  &__body {
    overflow-y: overlay;
  }
}

.el-form {
  &-item__content {
    > .el-tree {
      margin-top: 8px;
    }

    > .el-switch {
      vertical-align: baseline;
    }
  }
}

.el-loading-mask {
  background-color: $--color-white;
  color: $--color-primary;
}

.el-message {
  @include deep-shadow;
  @include max-width-on-mobile;
  border-width: 0;

  .el-message__icon,
  .el-message__content {
    color: $--color-white !important;
  }

  &.el-message--success {
    background-color: $--color-success;
  }

  &.el-message--info {
    background-color: $--color-primary;
  }

  &.el-message--warning {
    background-color: $--color-warning;
  }

  &.el-message--error {
    background-color: $--color-danger;
  }
}

.el-message-box {
  position: relative;
  @include deep-shadow;
  @include max-width-on-mobile;
}

.el-notification {
  @include deep-shadow;
}

.el-pagination {
  text-align: right;

  .el-pagination__editor.el-input {
    margin: 0 5px;
  }

  .el-table + & {
    padding-top: 20px;
  }
}

.el-scrollbar {
  height: 100%;

  .el-scrollbar__wrap {
    -webkit-overflow-scrolling: touch;
  }
}

.el-select {
  width: 100%;
}

.el-steps {
  &.el-steps--horizontal {
    .el-step__line {
      left: 57%;
      right: -43%;
    }
  }
}

.el-table {
  a {
    color: $--color-primary;
  }
  .el-table__fixed {
    // 左固定列
    height: auto !important;
    bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变，值可以设置比滚动条的高度稍微大一些
  }
  .el-table__fixed-right {
    // 右固定列
    height: auto !important;
    bottom: 18px; // 改为自动高度后，设置与父容器的底部距离，高度会动态改变，值可以设置比滚动条的高度稍微大一些
  }
}

.el-textarea {
  .el-input__count {
    background-color: transparent;
  }
}
